<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
</head>
<style>
body{
    background-color: rgb(238, 238, 238);
}

#all{
    margin: 50px 300px;
}
#all-denglu,#all-zhuce{
    box-shadow: 10px 15px 20px rgb(155, 154, 155);
    border-radius: 15px 15px 15px 15px; /*底部的背景也需要圆角，不然会显示出遮盖不到的地方*/
}
#left,#right,#left-denglu,#right-denglu{
    width:350px;
    height:450px;
    text-align: center;
    float: left;
}
#right-denglu,#right{
    background-color:rgb(93, 213, 200);
    color: #fff;
}
#left-denglu,#left{
    background-color: #fff;/*给注册登录页面加上白色*/
}
#all-denglu{
    display: none;/* 注册页面一开始不显示 */
}
#right,#left-denglu{
    border-radius: 0 15px 15px 0;/* 右边圆角弧度 */
}
#left,#right-denglu{
    border-radius: 15px 0 0 15px;/* 左边圆角弧度 */
}
#all input{
    margin: 8px 0;
    width: 200px;
    padding: 15px;
    background-color: rgb(238, 238, 238);
    border:0px;
}
#all button{
    width: 100px;
    height: 40px;
    border-radius: 20px;
    border: 0px;
}
#right-denglu-content,#right-content{
    margin-top:150px;   /*跳转区域居中显示*/
}
a{
text-decoration:none;
}
</style>
<body>

<div id="all" class="all">
    <!-- 注册页面 -->
    <div id="all-zhuce">
        <div id="left">
            <form action="" method="POST">
                {% csrf_token %}
                <h1>注册</h1>
                <span>请输入您的注册信息</span>
                <br>
                    <input type="text" placeholder="部门" name="department">
                    <input type="text" placeholder="姓名" name="the_name">
                    <input type="text" placeholder="手机号" name="mobile">
                    <input type="text" placeholder="密码" name="password">
                <br>
                <button type="submit">注册</button>
            </form>
        </div>
            <div id="right">
                <div id="right-content">
                    <h2>仅供内部人员使用</h2>
                    <h3>已有账号</h3>
                    <button type="submit" id="login"><a style="color:black" href="http://127.0.0.1:8000/index1/denglu/">登录</a></button>
                </div>
            </div>
    </div>

</div>

</body>
</html>